.nm-form {
  --inputColWidth: 160px;
  --field-margin: var(--spacing-1);
  font-size: 0.8125rem;
}

.nm-form--wide {
  --inputColWidth: 200px;
}

.nm-form__field {
  min-width: 0;
  display: flex;
}

.nm-form__field:not(:first-child) {
  margin-top: var(--spacing-1);
}

.nm-form__field fieldset.field-array {
  width: 100%;
}

.nm-form__fieldset {
  flex-grow: 1;
}

.nm-form__fieldset:not(:first-child) {
  margin-top: var(--field-margin);
}

.nm-form__fieldset:empty {
  margin: 0;
  display: none;
}

.nm-form__label {
  display: block;
  flex: 1 0 calc(100% - var(--inputColWidth));
  margin: 0;
  padding: calc(0.329rem + 1px) 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-self: start;
}

.nm-form__label--fieldset {
  font-weight: 700;
  user-select: none;
}

.nm-form__label--auto {
  flex-grow: 0;
  flex-basis: auto;
}

.nm-form__input {
  width: var(--inputColWidth);
  display: flex;
  padding-left: var(--spacing-2);
  margin-left: auto;
  align-items: center;
  justify-content: flex-end;
  min-height: var(--spacing-8);
}

.nm-form__input fieldset.field-array {
  width: 100%;
}

.nm-form__input--grow {
  width: auto;
  flex-grow: 1;
}

.nm-entityAssignment {
  user-select: none;
  flex-grow: 1;
  min-width: 0;
  --itemHeight: var(--spacing-6);
  --listPadding: var(--spacing-1);
}

.nm-entityAssignment__header {
  display: flex;
  align-items: center;
  height: var(--spacing-8);
  font-size: 13px
}

.nm-entityAssignment__headerText {
  flex-grow: 1;
  margin: 0 var(--spacing-2) 0 0;
  font-weight: 700
}

.nm-entityAssignment__headerSubtitle {
  color: var(--color-grey700);
  font-weight: 400;
  margin-left: var(--spacing-1)
}

.nm-entityAssignment__clear {
  margin-left: var(--spacing-2);
  color: var(--color-primary);
  padding: 0;
  border: none;
  background: none;
  font-size: 11px;
  cursor: pointer;
  transition: .3s color
}

.nm-entityAssignment__clear,
.nm-entityAssignment__clear:focus,
.nm-entityAssignment__clear:active {
  outline: none
}

.nm-entityAssignment__clear:hover:not(.nm-entityAssignment__clear--disabled) {
  color: var(--color-primary700)
}

.nm-entityAssignment__clear--disabled {
  color: var(--color-grey500);
  cursor: default
}

.nm-entityAssignment__list {
  padding: var(--listPadding) 0;
  border: 1px solid var(--color-grey200);
  outline: 1px solid transparent;
  max-height: calc(((var(--itemHeight) * 8) + (var(--listPadding) * 2)) + 2px);
  overflow-y: auto;
  transition: .3s color, .3s background, .3s border, .3s box-shadow, .3s outline;
  cursor: pointer
}

.nm-entityAssignment__list--TARGET_ASSIGNMENT {
  border: 1px solid var(--color-targetAssignment300);
  border-left: 2px solid var(--color-targetAssignment300)
}

.nm-entityAssignment__list--TARGET_ASSIGNMENT:hover {
  outline: 1px solid var(--color-targetAssignment300);
  box-shadow: 0 2px 4px var(--color-targetAssignment200)
}

.nm-entityAssignment--switchedOn .nm-entityAssignment__list--TARGET_ASSIGNMENT {
  border: 1px solid var(--color-targetAssignment);
  border-left: 2px solid var(--color-targetAssignment);
  background: var(--color-targetAssignment100)
}

.nm-entityAssignment--switchedOn .nm-entityAssignment__list--TARGET_ASSIGNMENT:hover {
  box-shadow: 0 2px 4px var(--color-targetAssignment300)
}

.nm-entityAssignment__list--ADDITIONAL_ASSIGNMENT {
  border: 1px solid var(--color-additionalAssignment300);
  border-left: 2px solid var(--color-additionalAssignment300)
}

.nm-entityAssignment__list--ADDITIONAL_ASSIGNMENT:hover {
  outline: 1px solid var(--color-additionalAssignment300);
  box-shadow: 0 2px 4px var(--color-additionalAssignment200)
}

.nm-entityAssignment--switchedOn .nm-entityAssignment__list--ADDITIONAL_ASSIGNMENT {
  border: 1px solid var(--color-additionalAssignment);
  border-left: 2px solid var(--color-additionalAssignment);
  background: var(--color-additionalAssignment100)
}

.nm-entityAssignment--switchedOn .nm-entityAssignment__list--ADDITIONAL_ASSIGNMENT:hover {
  box-shadow: 0 2px 4px var(--color-additionalAssignment300)
}

.nm-entityAssignment__list--SOURCE_ASSIGNMENT {
  border: 1px solid var(--color-sourceAssignment300);
  border-left: 2px solid var(--color-sourceAssignment300)
}

.nm-entityAssignment__list--SOURCE_ASSIGNMENT:hover {
  box-shadow: 0 2px 4px var(--color-sourceAssignment200);
  outline: 1px solid var(--color-sourceAssignment300)
}

.nm-entityAssignment--switchedOn .nm-entityAssignment__list--SOURCE_ASSIGNMENT {
  background: var(--color-sourceAssignment100);
  border: 1px solid var(--color-sourceAssignment);
  border-left: 2px solid var(--color-sourceAssignment)
}

.nm-entityAssignment--switchedOn .nm-entityAssignment__list--SOURCE_ASSIGNMENT:hover {
  box-shadow: 0 2px 4px var(--color-sourceAssignment300)
}

.nm-entityAssignment__list--PARAMETER_ASSIGNMENT {
  border: 1px solid var(--color-sourceAssignment300);
  border-left: 2px solid var(--color-sourceAssignment300)
}

.nm-entityAssignment__list--PARAMETER_ASSIGNMENT:hover {
  box-shadow: 0 2px 4px var(--color-sourceAssignment200);
  outline: 1px solid var(--color-sourceAssignment300)
}

.nm-entityAssignment--switchedOn .nm-entityAssignment__list--PARAMETER_ASSIGNMENT {
  background: var(--color-sourceAssignment100);
  border: 1px solid var(--color-sourceAssignment);
  border-left: 2px solid var(--color-sourceAssignment)
}

.nm-entityAssignment--switchedOn .nm-entityAssignment__list--PARAMETER_ASSIGNMENT:hover {
  box-shadow: 0 2px 4px var(--color-sourceAssignment300)
}

.nm-entityAssignment__noSelections {
  padding: 0 var(--spacing-2);
  font-style: italic;
  display: flex;
  align-items: center;
  height: var(--itemHeight);
  color: var(--color-grey700)
}

.nm-entityAssignment__item {
  padding: 0 var(--spacing-2);
  display: flex;
  align-items: center;
  height: var(--itemHeight);
  min-width: 0;
  transition: .3s background
}

.nm-entityAssignment__itemName {
  flex-grow: 1;
  user-select: none;
  margin-right: var(--spacing-2);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.nm-entityAssignment__item--TARGET_ASSIGNMENT:hover {
  background-color: var(--color-targetAssignment100)
}

.nm-entityAssignment--switchedOn .nm-entityAssignment__item--TARGET_ASSIGNMENT:hover {
  background-color: var(--color-targetAssignment200)
}

.nm-entityAssignment__item--ADDITIONAL_ASSIGNMENT:hover {
  background-color: var(--color-additionalAssignment100)
}

.nm-entityAssignment--switchedOn .nm-entityAssignment__item--ADDITIONAL_ASSIGNMENT:hover {
  background-color: var(--color-additionalAssignment200)
}

.nm-entityAssignment__item--SOURCE_ASSIGNMENT:hover {
  background-color: var(--color-sourceAssignment100)
}

.nm-entityAssignment__item--SOURCE_ASSIGNMENT--selected {
  background-color: var(--color-sourceAssignment300)
}

.nm-entityAssignment--switchedOn .nm-entityAssignment__item--SOURCE_ASSIGNMENT:hover {
  background-color: var(--color-sourceAssignment200)
}

.nm-entityAssignment__item--PARAMETER_ASSIGNMENT:hover {
  background-color: var(--color-sourceAssignment100)
}

.nm-entityAssignment--switchedOn .nm-entityAssignment__item--PARAMETER_ASSIGNMENT:hover {
  background-color: var(--color-sourceAssignment200)
}

.nm-entityAssignment__itemRemoveButton {
  display: block;
  width: 15px;
  height: 15px;
  background: url("./icon/icon-delete.svg");
  position: relative;
  flex-shrink: 0;
  outline: none;
  border: none
}

.nm-entityAssignment__itemRemoveButton:after {
  content: "";
  background: url("./icon/icon-delete-hover.svg");
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  opacity: 0;
  transition: .3s opacity
}

.nm-entityAssignment__itemRemoveButton:hover:after {
  opacity: 1
}

.nm-entityAssignment__itemRemoveButton:focus {
  outline: none
}

.nm-entityAssignment--disabled .nm-entityAssignment__list {
  cursor: default;
  border: 1px solid var(--color-grey200);
  box-shadow: none;
  outline: 1px solid transparent
}

.nm-entityAssignment--disabled .nm-entityAssignment__clear {
  color: var(--color-grey500);
  cursor: default
}